<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>多类名选择器</title>
 
  <style>
 .red {
  color: red;
 }

 .box {
  width: 100;
  font-size: 35px;
 }
 .pink {
  color: pink;
 }
  </style>
</head>
<body>
 <!-- 多类名使用方式
 1.在标签class属性中写多个类名
 2.多个类名中间必须用空格分开 -->
 <div class="box red ">刘德华</div>
<div class="box red ">公孙离</div>
<div class="box red ">西施</div>
<div class="box pink">公孙离</div>
  
</body>
</html>